<div ng-controller="dashboardCtrl" class="dashboard">
	<div class="center margin-top-25 margin-bottom-15 w_margin-top-25">
<!-- 		<img src="assets/images/index_title.png"> -->
	</div>
	<div class="clearfix">
		<div class="col-sm-4 no-padding padding-right-15">
			<h3 class="mainTitle">
		        订单情况
		    </h3>
		    <div class="container-fluid bg-white padding-top-0 padding-bottom-0">
		    	<h4 class="block-title">订单数量</h4>
		    	<div class="block-content">
			    	<div class="margin-top-10 margin-bottom-10">每月订单数</div>
			    	<div class="margin-top-10 margin-bottom-10">
			    		<highchart class="chart-container-big" series="orderCharts.series" options="orderCharts.options" auto-size="true" height="180">
         				</highchart>
			    	</div>
		    	</div>
		    </div>
		    <div class="container-fluid bg-white padding-top-0 padding-bottom-0">
		    	<h4 class="block-title">区域情况</h4>
		    	<div class="block-content">
			    	<div class="margin-top-10 margin-bottom-10">最近30天下单最多的区域前5名（订单数）</div>
			    	<div class="margin-top-10 margin-bottom-10">
			    		<highchart class="chart-container-big" series="areaOrdercharts.series" options="areaOrdercharts.options" auto-size="true" height="180">
         				</highchart>
			    	</div>
		    	</div>
		    </div>
		    <div class="container-fluid bg-white padding-top-0 padding-bottom-0">
		    	<h4 class="block-title">配送监控</h4>
		    	<div class="block-content">
			    	<div class="margin-top-10 margin-bottom-10">最近30天合计配送989单</div>
			    	<div class="margin-top-10 margin-bottom-10">
			    		<highchart class="chart-container-big" series="diliverCharts.series" options="diliverCharts.options" auto-size="true" height="121">
         				</highchart>
			    	</div>
		    	</div>
		    </div>
		</div>
		<div class="col-sm-5 no-padding padding-right-15">
			<h3 class="mainTitle center">
		        本月平台累计可溯源数据 <span ng-bind="all_trace_sum"></span> 条
		    </h3>
		    <div class="center_data clearfix">
		    	<div class="col-sm-6">
		    		<div class="total-expense">
			    		<p class="data_em" ng-bind="now_month_sale_price_sum / 100 | currency:''"></p>
			    		<p>本月累计销售金额（元）</p>
		    		</div>
		    	</div>
		    	<div class="col-sm-6 ">
		    		<div class="total-expense suyuan_data">
			    		<p class="data_em" ng-bind="now_month_trace_sum"></p>
			    		<p>本月新增溯源（条）</p>
		    		</div>
		    	</div>
		    </div>
		    <div class="container-fluid bg-white padding-top-0 padding-bottom-0">
		    	<h4 class="block-title center no-border">订单区域分布</h4>
		    	<div class="block-content padding-top-15 padding-bottom-15">
		    		<div style="height: 313px;">
			    		<img src="assets/images/dashboard_map.png" width="100%" height="100%" />
			    	</div>
		    	</div>
		    </div>
		    <div class="container-fluid bg-white padding-top-0 padding-bottom-0">
		    	<h4 class="block-title center no-border">客户交易金额TOP5</h4>
		    	<div class="block-content">
			    	<table class="table table-hover" style="height: 236px;">
			    		<thead>
			    			<tr>
				    			<th>客户名称</th>
				    			<th>区域</th>
				    			<th>交易次数</th>
				    			<th>累计金额</th>
			    			</tr>
			    		</thead>
			    		<tbody>
			    			<tr ng-repeat="item in all_user_sale_price_top_five">
			    				<td ng-bind="item.ai_rename">王二蛋</td>
			    				<td ng-bind="item.city_name">都江堰</td>
			    				<td ng-bind="item.order_count">109</td>
			    				<td ng-bind="item.or_real_price /100 | currency:'￥'"></td>
			    			</tr>
			    		</tbody>
			    	</table>
		    	</div>
		    </div>
		</div>
		<div class="col-sm-3 no-padding">
			<h3 class="mainTitle">
		        报备数据
		    </h3>
		    <div class="container-fluid bg-white padding-top-0 padding-bottom-0">
		    	<h4 class="block-title">新增报备</h4>
		    	<div class="block-content">
			    	<div class="weekly_new_bb margin-top-15 margin-bottom-15 clearfix">	
			    		<div class="pull-left">
			    			<p>本周新增报备</p>
			    			<p class="em_data" ng-bind="baobnew.week_count">34</p>
			    		</div>
			    		<div class="pull-right">周报备</div>
			    	</div>
			    	<div class="monthly_new_bb margin-top-15 margin-bottom-15 clearfix">	
			    		<div class="pull-left">
			    			<p>本月新增报备</p>
			    			<p class="em_data" ng-bind="baobnew.month_count">54</p>
			    		</div>
			    		<div class="pull-right">月报备</div>
			    	</div>
		    	</div>
		    </div>
		    <div class="container-fluid bg-white padding-top-0 padding-bottom-0">
		    	<h4 class="block-title">地区数据</h4>
		    	<div class="block-content">
			    	<div class="margin-top-10">最近30天报备数据地区分布</div>
			    	<div>
			    		<highchart class="chart-container-big" series="baobAreaCharts.series" options="baobAreaCharts.options" auto-size="true" height="190">
         				</highchart>
			    	</div>
		    	</div>
		    </div>
		    <div class="container-fluid bg-white padding-top-0 padding-bottom-0">
		    	<h4 class="block-title">报备类型</h4>
		    	<div class="block-content">
			    	<div class="margin-top-10">最近30天报备原因</div>
			    	<div>
			    		<highchart class="chart-container-big" series="baobResCharts.series" options="baobResCharts.options" auto-size="true" height="200">
         				</highchart>
			    	</div>
		    	</div>
		    </div>
		</div>
	</div>

	<h3 class="mainTitle margin-top-5">
        菜品监控
    </h3>
    <div class="clearfix">
    	<div class="col-sm-4 no-padding padding-right-15">
    		<div class="container-fluid bg-white padding-top-0 padding-bottom-0">
		    	<h4 class="block-title">菜品销量</h4>
		    	<div class="block-content">
			    	<div class="margin-top-10 margin-bottom-10">最近30天采购最多菜品排行榜（销售数量）</div>
			    	<div class="margin-top-10 margin-bottom-10">
			    		<highchart class="chart-container-big" series="goodsSaleCharts.series" options="goodsSaleCharts.options" auto-size="true" height="250">
         				</highchart>
			    	</div>
		    	</div>
		    </div>
    	</div>
    	<div class="col-sm-5 no-padding padding-right-15">
    		<div class="container-fluid bg-white padding-top-0 padding-bottom-0">
		    	<h4 class="block-title">菜品种类</h4>
		    	<div class="block-content">
			    	<div class="margin-top-10 margin-bottom-10">最近30天销售菜品种类分类（销售数量）</div>
			    	<div class="margin-top-10 margin-bottom-10">
			    		<highchart class="chart-container-big" series="goodsTypeCharts.series" options="goodsTypeCharts.options" auto-size="true" height="250">
         				</highchart>
			    	</div>
		    	</div>
		    </div>
    	</div>
    	<div class="col-sm-3 no-padding">
    		<div class="container-fluid bg-white padding-top-0 padding-bottom-0">
		    	<h4 class="block-title">销售占比</h4>
		    	<div class="block-content">
			    	<div class="margin-top-10 margin-bottom-10">最近30天TOP20菜品销售数量占比</div>
			    	<div class="margin-top-10 margin-bottom-10">
			    		<highchart class="chart-container-big" series="salePercentCharts.series" options="salePercentCharts.options" auto-size="true" height="250">
         				</highchart>
			    	</div>
		    	</div>
		    </div>
    	</div>
    </div>
    <h3 class="mainTitle margin-top-5">
        客户跟踪
    </h3>
    <div class="clearfix">
    	<div class="col-sm-4 no-padding padding-right-15">
    		<div class="container-fluid bg-white padding-top-0 padding-bottom-0">
		    	<h4 class="block-title">新增客户</h4>
		    	<div class="block-content">
			    	<div class="margin-top-10 margin-bottom-10">每月新增客户数量</div>
			    	<div class="margin-top-10 margin-bottom-10">
			    		<highchart class="chart-container-big" series="newGuestCharts.series" options="newGuestCharts.options" auto-size="true" height="200">
         				</highchart>
			    	</div>
		    	</div>
		    </div>
    	</div>
    	<div class="col-sm-3 no-padding padding-right-15">
    		<div class="container-fluid bg-white padding-top-0 padding-bottom-0">
		    	<h4 class="block-title">区域分布</h4>
		    	<div class="block-content">
			    	<div class="margin-top-10 margin-bottom-10">客户各区域分布占比</div>
			    	<div class="margin-top-10 margin-bottom-10">
			    		<highchart class="chart-container-big" series="guestAreaCharts.series" options="guestAreaCharts.options" auto-size="true" height="200">
         				</highchart>
			    	</div>
		    	</div>
		    </div>
    	</div>
    	<div class="col-sm-5 no-padding">
    		<div class="container-fluid bg-white padding-top-0 padding-bottom-0">
		    	<h4 class="block-title">下单数量</h4>
		    	<div class="block-content">
			    	<div class="margin-top-10 margin-bottom-10">客户下单量排行榜（订单数量）</div>
			    	<div class="margin-top-10 margin-bottom-10">
			    		<highchart class="chart-container-big" series="guestOrderCharts.series" options="guestOrderCharts.options" auto-size="true" height="200">
         				</highchart>
			    	</div>
		    	</div>
		    </div>
    	</div>
    </div>
</div>